<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品放大镜</title>
    <link rel="stylesheet" href="./css/index.css">
   <link rel="stylesheet" href="./css/goods.css">
   <link rel="stylesheet" href="./css/la.css">
</head>
<body>
    <div class="head">
        <div class="cont">
            <!-- logo图 -->
            <a href="" class="logo" >
                <img src="./imgs/logo.jpg" alt="">
            </a>
            <div id="search">
               <!-- 搜索框 -->
               <!-- <img src="./imgs/srcicos.png" alt=""> -->
               <input type="text"class="inp" placeholder="请输入商品名称或粘贴宝贝标题搜索" >
               <ul id="list">
                
               </ul>
            <button class="btn-s">搜索</button>
        </div>
    </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
            <a href="./index.html">首页</a>
        <a href="./2.html">好货精选</a>
        <a href="./3.html">疯抢榜</a>
        <a href="./4.html">9块9包邮</a>
        <a href="./5.html">咚咚抢</a>
        <a href="./6.html">每日半价</a>
        <a href="./7.html">折上折</a>
        <div class="register">
            <a href="./login.html">登录</a>
            <a href="./registered.html">注册</a>
        </div>
    </div>
    
    <!-- 商品详情页 -->
    <div class="good-box">
        <div class="index">
            <a href="./index.html">首页</a>>
            <a href="./index.html">领券直播</a>>
            <a href="./index.html">居家日用</a>>
            <span>优惠详情</span>
           
        </div>
<div class="big">
    <div class="box">
         <div class="small_box">
        <img src="./imgs/1.jpg" alt="">
        <span></span>
        <em></em>
    </div>
    <ul>
        <li><img src="./imgs/1.jpg" alt=""></li>
        <li><img src="./imgs/goods1-2.jpg" alt=""></li>
         <li><img src="./imgs/goods1-3.jpg" alt=""></li> 
           <li><img src="./imgs/goods1-4.jpg" alt=""></li>
           
    </ul>
    
    <div class="big_box">
        <img src="./imgs/1.jpg" alt="">
    </div>
    
 </div>
 <div class="box-right">
     
        <a href="">
            <img src="./imgs/prod_icon1.png" alt="">
            <span>【CCA】凡士林烟酰胺护手霜补水保湿</span>
        </a>
        <div class="upnew">
            <p class="new1">上新时间：10-08 17:30</p> 
            <p class="new2">累计销量：
                 <span>8747</span>
                 件
            </p>
        </div><br>
        <div class="du">
            <p>独家优惠：</p>
                <img src="./imgs/quan.png" alt="">
                <span>5元券</span>
        </div>
         <div class="bod"></div>

         <div class="brand_label">
             <p>商品标签：
                 <span>天猫</span>
             <span>包邮</span>
             </p>
         </div>
         <div class="brand-price">
            <span>￥39</span>
            <s>￥119</s>
         </div>
         <div class="coupon">
          <div class="get">
              <a href="./cart.html">加入购物车</a>
          </div>
             
        
         <div class="scan">
             <a href="">扫码购买</a>
             <a href=""><img src="./imgs/bqeic42ulrgbvn2a6iug0.png" alt=""></a>
         </div>
         <a href="./login.html" class="share">
             <img src="./imgs/share.png" alt="">
             分享
        </a>
         </div>
         
     </div>
   
</div > 
<div  class="recommend" style="margin-top: 20px
         ;">
             <h3>推荐理由:</h3>
             <p>【仅限20000件！】【送运费险】氨基酸控油蓬松洗发水，植物精油养护升级，玫瑰修护损伤，抚平毛躁，控油清洁，发丝轻盈有光泽，头皮状态在线，重塑元气秀发~
                此款商品正在进行限时活动，原来天猫售价25.8元，现有20元优惠券，到手仅需5.8元，现已入选 疯抢榜 排名第38，绝对超值，有需要可速度下单哦！</p>
                <div class="report">
                    我要举报:
                    <a href="">价格错误</a>
                    <a href="">优惠券失效</a>
                    <a href="">其他</a>
                </div>
         </div>

         <div class="details" >
             <h2>商品详情</h2>
            <img src="./imgs/goods2-1.jpg" alt="">
            <img src="./imgs/goods2-1.jpg" alt="">
            <img src="./imgs/goods2-1.jpg" alt="">
            <img src="./imgs/goods2-1.jpg" alt="">
         </div>
    </div>
    <div class="footer">
        <div class="foots">
            <ul>
                <li>
                    <a href="">网站导航</a>
                   </li>
                <li>
                    <a href="">首页</a>
                    </li>
                <span>|</span>
                <li>
                    <a href="">好货精选</a>
                    </li>
                <span>|</span>
                <li>
                    <a href="">疯抢榜</a>
                    </li>
                <span>|</span>
                <li>
                    <a href="">咚咚抢</a>
                    </li>
                <span>|</span>
                <li>
                    <a href="">9.9包邮</a>
                    </li>
            </ul><br>
            <p>折喵网是一家中立的导购网站，网站中的商品信息均来自于互联网。如商品信息不同，可能是商品信息未及时更新，所有商品信息请以天猫/淘宝店铺内为准。
            </p>
            <span class="foots-s">
                版权所有 本站内容未经书面许可,禁止一切形式的转载
                © CopyRight 2021 
                折喵网e.sq23.com 
                渝ICP备17013855号 
                我要反馈
            </span>
        </div>
        </div> 
</body>
<style>
    
</style>
<script src="./js/ajax.js"></script>
<!-- <script src="./js/cartMain.js"></script> -->
<script src="./js/indexMain.js"></script>
<script src="./js/goods.js"></script>

</html>